<!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
    <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Cuprum|oswald">
<meta charset="<?php bloginfo( 'charset' ); ?>" />
<title><?php
	global $page, $paged;
	wp_title( '|', true, 'right' );
	bloginfo( 'name' );
	$site_description = get_bloginfo( 'description', 'display' );
	if ( $site_description && ( is_home() || is_front_page() ) ) echo " | $site_description";
	if ( $paged >= 2 || $page >= 2 ) echo ' | ' . sprintf( __( 'Page %s', 'pin_board' ), max( $paged, $page ) );
?></title>
<link rel="profile" href="http://gmpg.org/xfn/11" />
<link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo( 'stylesheet_url' ); ?>" />
<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>" />

<?php
	if ( is_singular() && get_option( 'thread_comments' ) ) wp_enqueue_script( 'comment-reply' );
	wp_head();
?>
 <script type="text/javascript">

$(document).ready(function() {

	// fluid grid
 //    function wrapperWidth() {
 //    	var wrapper_width = $('body').width();
 //    	wrapper_width = Math.floor(wrapper_width / 250) * 250 - 60;
 //    	if (wrapper_width < 1000) wrapper_width = 1000;
 //    	$('#wrapper').css('width', wrapper_width);
 //    }

	// wrapperWidth();

	// $(window).resize(function() {
	// 	wrapperWidth();
	// });

	// grid
	$('#boxes').masonry({
		itemSelector: '.box',
		columnWidth: 200,
		gutterWidth: 40
	});

	$('#related').masonry({
		itemSelector: '.box',
		columnWidth: 200,
		gutterWidth: 40
	});
});



if ((screen.width>=1024) && (screen.height>=768))
{


}


</script>
<style type="text/css">
/* color from theme options */
<?php $color = getColor() ?>

/* fluid grid */
<?php if (!fluidGrid()): ?>
.wrapper { width:91%; margin: 0 auto; }
<?php else: ?>
.wrapper { margin: 0 40px; }
<?php endif ?>

.box .texts {  }
<?php if (!imagesOnly()): ?>
.box .categories { padding-top: 15px; }
<?php endif ?>
</style>




<?php echo getFavicon() ?>
</head>

<body <?php body_class(); ?>>
    <div id="top_main_header">
        <div id="header_top">
            <div id="header">
                <div id="header_nav_wrap">
                    <div id="header_nav">
                        <ul id="menu-top-menu" class="sf-menu sf-js-enabled">
                            <li <?php
                                if (is_home ()) {
                                    echo ' class="current-cat" ';
                                }
                            ?>>
                                <a href="<?php bloginfo('url'); ?>">Home</a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div id="site-title">
            		<?php echo getlogo() ?>
            	</div> 
            	<div class="clear"></div>

            </div>        
        </div>
    </div>
    <div style="clear: both;"></div>
    <div class="wrapper" id="wrapper">
    	<div class="pagewidth">
            I Want to Write the Story of My Life.
        </div>
    	<?php in_category( $category, $_post ) ?>
    	<div id="main">
